<template>
  <div>
    <a href="">
      <div>
        <img :src="product.images[0]" />
      </div>
      <div>{{ product.title }}</div>
      <div>{{ product.description }}</div>
      <div>
        <div><span>价格</span> {{ product.price }}</div>
        <div>查看</div>
      </div>
    </a>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

type IProduct = {
  title: string;
};

export default defineComponent({
  props: {
    product: {
      required: true,
    },
  },
  data() {
    return {};
  },
});
</script>

<style></style>
